<template>
  <!-- <div class="common-layout home"> -->
    <el-container class="home">
      <!-- 侧边导航栏 -->
      <el-aside width="200px">
        <Aisde />
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  <!-- </div> -->
</template>

<script>
import Aisde from "../components/Aisde.vue";
export default {
  components: {
    Aisde,
  },
};
</script>

<style lang="less" scoped>
.home {
  height: 100vh;
  ::v-deep .el-aside {
    height: 100vh;
    background-image: linear-gradient(180deg, #ffffff, #e2f3f2 20%, #92dad7);
    box-shadow: 0px 6px 80px rgba(0, 0, 0, 0.3);
    border-radius: 0 20px 20px 0;
  }
}

.el-main {
  // background: pink;
}
</style>